<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3D学生宿舍小游戏</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div id="gameContainer">
        <div id="controls">
            <div class="control-item">
                <input type="checkbox" id="lightSwitch">
                <label for="lightSwitch">💡 开灯</label>
            </div>
            <div class="control-item">
                <input type="checkbox" id="alarmSwitch">
                <label for="alarmSwitch">⏰ 蜂鸣器</label>
            </div>
            <div class="control-item">
                <input type="checkbox" id="flashlightSwitch">
                <label for="flashlightSwitch">🔦 手电筒</label>
            </div>
        </div>
        
        <div id="instructions">
            <p>使用鼠标拖拽旋转视角</p>
            <p>滚轮缩放场景</p>
        </div>
        
        <audio id="alarmSound" loop>
            <!-- 使用Web Audio API生成蜂鸣声 -->
        </audio>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
    <script src="js/lights.js"></script>
    <script src="js/objects.js"></script>
    <script src="js/scene.js"></script>
    <script src="js/controls.js"></script>
    <script src="js/audio.js"></script>
    <script src="js/main.js"></script>
</body>
</html>